{{extend '../_layouts/home.html'}} {{block 'content'}}

<div class="container marketing">
  <!-- Three columns of text below the carousel -->
  <div class="row">
    <div class="col-lg-4">
      <img class="img-circle" src="{{user.avatar}}" alt="Generic placeholder image" width="140" height="140" />
      <h2 class="name">{{user.nickname}}</h2>
      <p>
        {{if user.gender === 0}}
        <span>男</span> {{else {{if user.gender === 1}} <span>女</span> {{else}}
        <span class="glyphicon glyphicon-user"> 不详</span>{{/if}} &nbsp;&nbsp;&nbsp;
        <span class="glyphicon">{{user.birthday.split('年')[1]}}</span>
      </p>
      <p>
        <span class="glyphicon glyphicon-pencil"></span> &nbsp;{{user.desc}}
      </p>
      <p>
        <a class="btn btn-default" href="#" role="button">修改资料 &raquo;</a>
      </p>
    </div>
    <!-- /.col-lg-8-->
    <div class="col-lg-8">
      <h1>功能正在开发中,敬请期待....</h1>
    </div>
  </div>
</div>

{{/block}} {{block 'style'}}
<style>
  .name {
    width: 135px;
    text-align: center;
  }
  
  .glyphicon {
    color: grey;
  }
</style>
{{/block}}